<template>
    <div>
        <el-form label-position="left" label-width="100px" v-model="simpleScatter">
            <el-form-item  label="形状">
               <el-select v-model="simpleScatter.symbol" placeholder="circle" size="mini">
                <el-option label="圆" value="circle"/>
                <el-option label="矩形" value="rect"/>
                <el-option label="圆角矩形" value="rondRect"/>
                <el-option label="三角形" value="triangle"/>
                <el-option label="菱形" value="diamond"/>
                <el-option label="pin" value="pin"/>
                <el-option label="箭头" value="arrow"/>
                <el-option label="无" value="none"/>
              </el-select>
            </el-form-item>
            <el-form-item  label="大小">
                <el-input-number v-model="simpleScatter.symbolSize" :min="0" :max="40" size="mini"/>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>

export default {
  data: function () {
    return {
    }
  },
  methods: {
  },
  computed: {
    simpleScatter () {
      return this.$store.state.layout[this.$store.state.activeArrayIndex].SlideContent[this.$store.state.insideActiveArrayIndex].itemContent.detail.simpleScatter
    }
  },
  watch: {
  },
  components: {
  }
}
</script>

<style scoped>
    .el-form-item {
        margin-bottom: 0px
    }
</style>
